<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.css">
		<link rel="stylesheet" href="../css/style.css">
		<script src="../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#First ul li {
				height: 30px;
			}

			#Second ul li {
				line-height: 50px;
			}

			#WishList ul {
				height: 300px;
				margin-top: 100px;
			}

			#WishList ul li {
				line-height: 50px;
			}
			#Address ul li {
				line-height: 50px;
			}
		</style>
	</head>
	<body>
		<header id="header"></header>
		<section id="section">
			<div class="col-lg-3" style="margin-left: 35px;height: 40px;">
				<ul class="nav nav-tabs">
					<li><a href="#First" data-toggle="tab">账户概览</a></li>
					<li><a href="#Second" data-toggle="tab">订单</a></li>
					<li><a href="#WishList" data-toggle="tab">心愿单（0）</a></li>
					<li><a href="#UserInfo" data-toggle="tab">个人信息</a></li>
					<li><a href="#Address" data-toggle="tab">地址</a></li>
				</ul>
			</div>
			<div class="tab-content">
				<div class="tab-pane fade in active" id="First" style="">
					<img src="../images/index/13_2866_2912x1048_BD.jpg" width="95%" style="margin-left: 50px;">
					<h1 class="text-center" style="color: white;position: absolute;top: 30%;left: 42%;">探索ANTIGONA系列</h1>
					<div class="col-lg-2 col-lg-offset-5">
						<nav class="nav text-center" style="height:200px;">
							<ul class="">
								<li class="" style="font-size: 12px;font-weight: lighter;"><a href="#">我的账户</a></li>
								<li><a href="#" style="font-size: 24px;font-weight: bold;">概述</a></li>
								<li><a href="#" style="font-size: 16px;font-weight: lighter;">心愿单</a></li>
								<li><a href="#" style="font-size: 12px;font-weight: lighter;">您的心愿单为空</a></li>
							</ul>
						</nav>
					</div>
					<input type="button" name="" id="" value="查看我的心愿单" class="text-center" style="background-color: #000000;height: 50px; width: 400px;margin-top: 150px;margin-left: -350px; color: white;font-weight: bold;" />
				</div>
				<div class="tab-pane fade" id="Second" style="height: 850px;">
					<nav class="nav text-center" style="height:200px;margin-top: 200px;">
						<ul class="">
							<li class="" style="font-size: 12px;font-weight: lighter;"><a href="#">当前无订单</a></li>
							<li class="" style="font-size: 12px;font-weight: lighter;"><a href="#">我的账户</a></li>
							<li><a href="#" style="font-size: 24px;font-weight: bold;">订单</a></li>
						</ul>
					</nav>
				</div>
				<div class="tab-pane fade" id="WishList" style="height: 850px;">
					<nav class="nav text-center" style="">
						<ul class="">
							<li class="" style="font-size: 12px;font-weight: lighter;"><a href="#">我的账户</a></li>
							<li class="" style="font-size: 24px;font-weight: lighter;"><a href="#">心愿单</a></li>
							<li><a href="#" style="font-size: 20px;font-weight: bold;">您的心愿单中没有商品</a></li>
							<li><a href="#" style="font-size: 12px;font-weight: bold;">点击此处开始添加商品</a></li>
						</ul>
					</nav>
				</div>
				<div class="tab-pane fade" id="UserInfo">
					<div class="col-lg-6 col-lg-offset-3" style="margin-top: 50px;">
						<p class="text-center" style="font-size: 12px;font-weight: lighter;">带*标志的字段为必填字段</p>
						<form class="form-group" style="margin-top: 50px;">
							<select class="form-control" style="color: gray;border: white;height: 40px;">
								<option value="">称谓*</option>
								<option value="" selected="selected">先生</option>
								<option value="">夫人</option>
								<option value="">-</option>
							</select>
							<input type="text" placeholder="名字*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<input type="text" placeholder="姓氏*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<input type="date" placeholder="出生日期" class="form-control" style="color: gray;border: white;height: 40px;margin-top: 40px;">
							<select class="form-control" style="color:gray;border: white;height: 40px;margin-top: 40px;">
								<option value="">国家*</option>
								<option value="">东帝汶</option>
								<option value="" selected="selected">中国大陆</option>
								<option value="">丹麦</option>
								<option value="">以色列</option>
								<option value="">-</option>
							</select>
							<input type="email" placeholder="电子邮箱地址*" class="form-control" style="border: white;height: 40px;margin-top: 20px;margin-top: 40px;">
							<input type="password" placeholder="密码*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 35px;background-color: #000000;margin-top: 30px;margin-left: 290px;padding: 10px;">
								<input type="submit" value="保存更改" class="form-control" style="background-color: black;color: white;border:1px solid black">
							</div>
							<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 35px;background-color: #000000;margin-top: 30px;margin-left: 290px;padding: 10px;">
								<input type="submit" value="删除账户" class="form-control" style="background-color: black;color: white;border:1px solid black">
							</div>
							<label style="font-size: 12px;font-weight: lighter;margin-top: 20px;">GIVENCHY将处理以上搜集的数据，以方便您创立账户，处理您的订单并确保个性化随访。除非另有说明，所有空格皆为必填字段，以便处理您的请求。如您希望通过电话或短信获得GIVENCHY新闻资讯，请勾选“我的联系方式偏好”栏下的方框。在任何情况下，您都有权访问、修改、删除或反对处理您的个人资料。如需行使此项权利，请发送电子邮件至contact@givenchy.com。</label>
							<input type="password" placeholder="当前密码*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<input type="password" placeholder="新密码*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<label class="text-left" style="font-size: 12px;font-weight: lighter;color: gray;margin-top:15px;margin-left: 10px;">请输入至少含有8个字符的密码，且同时包含1个数字和1个大写字母</label>
							<input type="password" placeholder="确认新密码*" class="form-control" style="border: white;height: 40px;margin-top: 40px;">
							<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 35px;background-color: black;;margin-top: 30px;margin-left: 290px;padding: 10px;">
								<input type="submit" value="删除账户" class="form-control" style="background-color: black;color: white;border:1px solid black;">
							</div>
						</form>
					</div>
				</div>
				<div class="tab-pane fade" id="Address" style="height: 850px;border: 1px solid red;">
					<nav class="nav text-center" style="height:200px;margin-top: 200px;">
						<ul class="">
							<li class="" style="font-size: 12px;font-weight: lighter;"><a href="#">我的账户</a></li>
							<li><a href="#" style="font-size: 24px;font-weight: bold;">地址</a></li>
						</ul>
					</nav>
					<div class="" style="height: 260px;background-color:rgb(246,246,246);">
						<p class="text-center" style="font-size: 12px;font-weight: lighter;line-height: 150px;">您尚未注册任何地址</p>
						<div class="col-lg-4 text-center" style="height: 60px;width:350px;border: 1px solid black;line-height: 35px;background-color: black;;margin-top:-30px;margin-left: 790px;padding: 10px;">
							<input type="submit" value="创建新地址" class="form-control" style="background-color: black;color: white;border:1px solid black;">
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer id="footer"></footer>
	</body>
</html>
